<div class="gestionarticle">
	<div class="tableau_wrapper">
		<div id="successArticle" class="alert alert-info hidden" style="width:500px;margin:20px auto;text-align:center"></div>
		<table id="articletableau" cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered table-condensed dataTable">
		<thead>
			<tr>
				<th>ID</th>
				<th>CATEGORIE ID</th>
				<th>Nom</th>
				<th>Description</th>
				<th>Prix</th>
				<th>Catégorie</th> 
				<th>PHOTO</th>
				<th>Statut</th>
			</tr>	
		</thead>
		</table>
		<div class="operation left">
			<a id="addCanevasArticle" class="btn add"  href="#"><i class="icon-plus"></i> Ajouter un nouvel article</a>
		</div>
	</div>
</div>
<div id="dialogarticle" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header modalheader">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
		<h3>Gestion Des Articles</h3>
	</div>
	<div class="modal-body">
			<div id="errorArticle" class="alert alert-error hidden"></div>
			<div id="successCouleur" class="alert alert-info hidden" style="width:500px;margin:20px auto;text-align:center"></div>
			<div class="formulairecontainer"> 
				<div class="floatleft">
					<?php echo $this->articleform->setAction($this->url(array('controller' => 'admin', 'action' => 'managearticle')));?>
				</div>
				<div class="photocontainer">
					<div class="imgcontainer" id="photocontainer"></div>
					<div id="loadphoto" class="hidden"><img src='<?php echo $this->baseUrl()."/images/loading2.gif"?>'/></div>
					<div class="couleur"></div>
					<div class="operation actioncouleur">
						<a id="editCanevasCouleur" class="btn edit" href="#"><i class="icon-pencil"></i> Modifier couleur</a>
						<a id="deleteCouleur" class="btn delete" href="#"><i class="icon-trash"></i> Supprimer couleur</a>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			<div id="loadarticle" class="hidden"><img src='<?php echo $this->baseUrl()."/images/loading.gif"?>'/></div>
	</div>
	<div class="modal-footer" >
		<div class="operation">
			<div id="editArticleContainer" style="display:none">
				<a id="editArticle" class="btn edit" href="#"><i class="icon-pencil"></i> Modifier l'article</a>
				<a id="deleteArticle" class="btn delete" href="#"><i class="icon-trash"></i> Supprimer l'article</a>
				<a id="addCanevasCouleur" class="btn add"  href="#"><i class="icon-plus"></i> Ajouter une nouvelle couleur</a>
			</div>
			<div id="addArticleContainer">
				<a id="addArticle" class="btn edit" href="#"><i class="icon-ok"></i> Valider</a>
				<a id="cancelAddArticle" class="btn delete" href="#"><i class="icon-ban-circle"></i> Annuler</a>
			</div>
		</div>
	</div>
</div>
<div id="dialogcouleur" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header modalheader">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
		<h3>Gestion des Articles</h3>
	</div>
	<div class="modal-body">
			<div id="errorCouleur" class="alert alert-error hidden"></div>
			<div class="formulairecontainer"> 
				<div class="floatleft">
					<?php echo $this->couleurform->setAction($this->url(array('controller' => 'admin', 'action' => 'managecouleurarticle')));?>	
				</div>
				<div id="photocontainercouleur" class="photocontainer"></div>
				<div class="clearfix"></div>
			</div>
			<div id="loadcouleur" class="hidden"><img src='<?php echo $this->baseUrl()."/images/loading.gif"?>'/></div>
	</div>
	<div class="modal-footer" >
		<div class="operation">
			<div id="editCouleurContainer" style="display:none">
				<a id="editCouleur" class="btn edit" href="#"><i class="icon-pencil"></i> Modifier</a>
				<a id="cancelEditCouleur" class="btn delete" href="#"><i class="icon-trash"></i> Annuler</a>
			</div>
			<div id="addCouleurContainer">
				<a id="addCouleur" class="btn edit" href="#"><i class="icon-ok"></i> Valider</a>
				<a id="cancelAddCouleur" class="btn delete" href="#"><i class="icon-ban-circle"></i> Annuler</a>
			</div>
		</div>
	</div>
</div>
<div id="confirmdeletearticle" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header modalheader">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
		<h3>Attention</h3>
	</div>
	<div class="modal-body">
			Etes Vous sur de vouloir supprimer cet article ??
	</div>
	<div class="modal-footer">
		<div class="operation">
			<a id="ValiddeleteArticle" class="btn edit" href="#"><i class="icon-ok"></i> Oui </a>
			<a id="CanceldeleteArticle" class="btn delete" href="#"><i class="icon-ban-circle"></i> Non</a>
		</div>
	</div>
</div>
<div id="confirmdeletecouleur" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-header modalheader">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
		<h3>Attention</h3>
	</div>
	<div class="modal-body">
			Etes Vous sur de vouloir supprimer cette couleur sur cet article ??
	</div>
	<div class="modal-footer">
		<div class="operation">
			<a id="ValiddeleteCouleur" class="btn edit" href="#"><i class="icon-ok"></i> Oui </a>
			<a id="CanceldeleteCouleur" class="btn delete" href="#"><i class="icon-ban-circle"></i> Non</a>
		</div>
	</div>
</div>
<div class="loading hidden" id="loadupload">
	<img src='<?php echo $this->baseUrl()."/images/loading2.gif"?>'/>
	<span> Opération en Cours ....</span>
</div>